.w1180{
	width: 1180px;
	margin:0 auto;
}

/*
 nav--style
 * */
.nav{
	background-color: #333;
	height:40px;
}
.nav-box ul{
	float:left;
}

.nav-box ul li{
	float:left;
	line-height:40px;
	margin-right:5px;
}

.nav-box ul li a{
	font-size:12px;
	color:#b0b0b0;
	text-decoration: none;
	float:left;
	
}

.nav-box ul li a:hover{
	text-decoration: none;
	color:#fff;
	
}

.nav-box ul li b{
	float:left;
	color:#424242;
	margin-left:5px;
}

.nav-login{
	float:right;
}
.nav-login a{
	font-size:12px;
	color:#b0b0b0;
	line-height:40px;
	float:left;
	display: block;
	
}
.nav-login a:hover{
	color:#fff;
}

.nav-login b{
	float:left;
	color:#424242;
	margin:0 5px;
	line-height:40px;
}

.nav-shopping{
	float:right;
	line-height:40px;
}

.nav-shopping-box{
	height:110px;
	width:316px;
	color: #424242;
	position:absolute;
	top:39px;
	left:948px;
	z-index:999;
	font-size:12px;
	text-align:center;
	line-height:115px;
	border:1px solid #e0e0e0;
	background-color:#fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}
.nav-shopping a{
	width:110px;
	background-color: #424242;
	display: block;
	text-align: left;
	margin-left:10px;
	color:#b0b0b0;
	
}
.nav-shopping a i{
	width:20px;
	height:20px;
	margin:8px 5px 0 10px;
	float:left;
	background: url(../images/shopping.png) 0 0 no-repeat;
}

.nav-shopping a b{
	font-weight: normal;
}

.nav-shopping a:hover{
	background-color:#fff;
	color:#ff6400;
}
.nav-shopping a:hover i{
	background: url(../images/shopping2.png) 0 0 no-repeat;
}
.nav-shoppings{
	float:right;
	line-height:40px;
}

.nav-shoppings a{
	width:110px;
	display: block;
	text-align: left;
	margin-left:10px;
	background-color:#fff;
	color:#ff6400;
	
}
.nav-shoppings a i{
	width:20px;
	height:20px;
	margin:8px 5px 0 10px;
	float:left;
	background: url(../images/shopping2.png) 0 0 no-repeat;
}

.nav-shoppings a b{
	font-weight: normal;
}

/*
 header--style
 * */
.header{
	padding:30px 0;
	position:relative;
}
.header-box{
	overflow: hidden;
}

.header-box .header-logo{
	float:left;
	width:55px;
}

.header-box .header-nav{
	float:left;
	margin-left:100px;
	height:55px;
	width:683px;
}

.header-box .header-nav ul li{
	float:left;
	line-height:55px;
	margin:0 15px;
}

.header-box .header-nav ul li a{
	font-size:16px;
	color:#333;
}
.header-box .header-nav ul li a:hover{
	color:#ff6400;
}

.header-box .header-search{
	float:right;
	height:50px;
	border:1px solid #e0e0e0;
	width:300px;
	transition:all 0.2s ease;
	
}

.header-box .header-search:hover{
	border:1px solid #b0b0b0;
}

.header-box .header-search .search-left{
	width:245px;
	float:left;
	position:relative;
	
}

.header-box .header-search .search-left input{
	position:absolute;
	top:0;
	left:0;
	z-index: 10;
	border:none;
	height:50px;
	line-height:35px;
	font-size:16px;
	color:#666;
	padding:0 10px;
}

.header-box .header-search .search-left .search-lei{
	position:absolute;
	top:15px;
	right:0;
	z-index: 11;
}

.header-box .header-search .search-left .search-lei a{
	background-color: #eee;
	color:#666;
	font-size:12px;
	float:right;
	display: inline-block;
	padding:5px;
	margin-right:5px;
	transition:all 0.2s ease;
}

.header-box .header-search .search-left .search-lei a:hover{
	background-color: #ff6400;
	color:#fff;
}

.header-box .header-search .search-right{
	float:right;
	width:50px;
	height:50px;
	border-left:1px solid #e0e0e0;
	transition:all 0.2s ease;
}

.header-box .header-search:hover .search-right{
	border-color:#b0b0b0;
}
.header-box .header-search .search-right i{
	width:20px;
	height:20px;
	background: url(../images/search.png) 0 0 no-repeat;
	display: block;
	margin:15px 0 0 15px;
	
}

.header-box .header-search .search-right:hover{
	background-color: #ff6400;
	
}

.header-box .header-search .search-right:hover i{
	background: url(../images/search2.png) 0 0 no-repeat;
}

/* 头部导航划过-style*/
.header-list{
	position:absolute;
	top:115px;
	left:0;
	width:100%;
	border-top:1px solid #ccc;
	z-index: 11;
	background-color: #fff;
}

.header-list ul li{
	float: left;
    width: 180px;
    margin: 35px 12px;
    text-align: center;
    border-right:1px solid #ccc;
}
.header-list ul li a img{
	margin-bottom: 20px;
	width:130px;
	height:130px;
}

.header-list ul li p{
	color:#333;
	font-size:12px;
	text-align: center;
	line-height:25px
}

.header-list ul li p b{
	color:#ff6400;
	font-weight: normal;
}

/*
 content--style
 * */
.content-box .content-banner{
	width:1180px;
	height:442px;
	overflow: hidden;
	position:relative;
}
.content-box .content-banner ul.banner-pic{
	width:100000px;
}
.content-box .content-banner ul.banner-pic li {
	float:left;
}
.content-box .content-banner ul.banner-pic li a img{
	width:100%;
	
}

.content-box .content-banner .banner-list{
	position:absolute;
	width:230px;
	top:0;
	left:0;
	height:442px;
	
}

.content-box .content-banner .banner-list .banner-list-bg{
	width:230px;
	height:442px;
	background-color:#333;
	opacity: 0.6;
	position:absolute;
	top:0;
	left:0;
	z-index: 9;
}
.content-box .content-banner .banner-list ul{
	position:absolute;
	top:0;
	left:0;
	z-index: 10;
	padding:20px 0;
	width:100%;
}

.content-box .content-banner .banner-list ul li{
	height:40px;
	line-height:40px;
	padding:0 20px;
}

.content-box .content-banner .banner-list ul li a{
	color:#fff;
	display: block;
}

.content-box .content-banner .banner-list ul li a i{
	float: right;
	color:#ccc;
	font-style: normal;
	font-size: 16px;
	line-height:40px;
}

.content-box .content-banner .banner-list ul li:hover{
	background-color: #ff6400;
}

.banner-list ul li .list-left{
	box-shadow: 0 0 5px #ccc;
	position:absolute;
	top:0;
	left:230px;
	
}
.content-box .content-banner .banner-list ul li .list-left ul{
	background-color:#fff;
	width:265px;
	padding:0;
	height:442px;
}
.content-box .content-banner .banner-list ul li .list-left ul li{
	margin:30px;
	padding:0;
	/* float:left; */
}

.content-box .content-banner .banner-list ul li .list-left ul li a{
	color:#666;
}

.content-box .content-banner .banner-list ul li .list-left ul li a img{
	float:left;
	width:40px;
	height:40px;
	margin-right: 20px;
}

.content-box .content-banner .banner-list ul li .list-left ul li:hover{
	background-color: #fff;
}

.content-box .content-banner .banner-list ul li .list-left ul li:hover a{
	color:#ff6400;
}

.content-box .content-banner .prev,.content-box .content-banner .next{
	width:40px;
	height:70px;
	font-size:30px;
	color:#999;
	line-height: 70px;
	text-align: center;
	position:absolute;
	top:40%;
	left:230px;
}

.content-box .content-banner .next{
	left:1140px;
}

.content-box .content-banner .prev:hover,.content-box .content-banner .next:hover{
	background-color: rgba(0,0,0, 0.5);
	color:#fff;
}

.banner-item{
	position:absolute;
	bottom:30px;
	right:50px;
	
}
.banner-item ul li{
	float:left;
}
.banner-item ul li a{
	float:left;
	width:10px;
	height:10px;
	background-color: #ccc;
	border-radius: 50%;
	margin:0 10px;
	
}

.banner-item ul li.active:first-child{
	background-color: #ff6400;
}

/*
 6种方式
 * */
.content-classify{
	margin:15px 0;
	height:170px;
}

.classify-left{
	width:230px;
	background-color: #5f5750;
	float:left;
	height:170px;
}

.classify-left ul li{
	width:70px;
	height:50px;
	float:left;
	border-right:1px solid #696969;
	border-bottom:1px solid #696969;
	padding:15px 2px;
	margin:2px 0 3px 1px;
}
.classify-left ul li:nth-child(3){
	border-right:none;
}
.classify-left ul li:nth-child(6){
	border-right:none;
}
.classify-left ul li a{
	text-align: center;
	line-height:30px;
	display: block;
	color:#bfbfbf;
	font-size:12px;
}

.classify-left ul li a:hover{
	color:#fff;
}

.classify-left ul li a img{
	display: block;
	margin:0 auto;
}

.classify-right{
	height:170px;
	float:left;
}
.classify-right ul li{
	float:left;
	margin-left:12px;
	
}

.classify-right ul li a img{
	height:170px;
	width:304px;
}

/*
 明星单品
 * 
 * */

.content-star{
	margin:30px 0;
	overflow: hidden;
}

.content-star h2{
	font-size:22px;
	text-align: left;
	line-height:60px;
	font-weight: normal;
	color:#333;
}

.content-star h2 span{
	float: right;
	width:70px;
	border:1px solid #e0e0e0;
	height:25px;
	margin-top:15px;
	display: block;
	
}

.content-star h2 span b{
	float:left;
	width:34px;
	display: block;
	height:25px;
	cursor:pointer;
	text-align: center;
	line-height:23px;
	font-size:16px;
	color:#b0b0b0;
	
}

.content-star h2 span b.star-disable{
	color:#e0e0e0;
	cursor:default;
}

.content-star h2 span b.star-disable:hover{
	color:#e0e0e0;
}

.content-star h2 span b:hover{
	color: #ff6400;
}

.content-star h2 span b.star-prev{
	border-right:1px solid #e0e0e0;
}

.star-list{
	height:340px;
	overflow: hidden;
	width:100000px;
}

.star-list ul{
	float:left;
	height:340px;
}

.star-list ul li{
	float:left;
	width:225px;
	margin:0 5px;
	height:340px;
	background-color: #fafafa;
	border-top:1px solid #fafafa;
}

.star-list ul li.star-list-one{
	border-top:1px solid #ffac13;
}
.star-list ul li.star-list-two{
	border-top:1px solid #2196f3;
}
	
.star-list ul li.star-list-three{
	border-top:1px solid #ffac13;
}
.star-list ul li.star-list-four{
	border-top:1px solid #e53935;
}
.star-list ul li.star-list-five{
	border-top:1px solid #00c0a5;
}

.star-list ul li a img{
	width:160px;
	margin:30px auto 20px;
	display: block;
}
.star-list ul li a p{
	color: #000;
	text-align: center;
	line-height:25px;
	
}
.star-list ul li label{
	font-size:12px;
	color:#b0b0b0;
	text-align: center;
	display: block;
	line-height:25px;
}
.star-list ul li span{
	display: block;
	text-align: center;
	margin-top:15px;
	color:#ff6400;
}

/*
 智能硬件--style
 * */

.content-intelligence,.content-match{
	background-color: #f5f5f5;
	padding:30px 0;
}

.intelligence-box h2,.match-box h2{
	font-size:22px;
	line-height: 60px;
	color:#333;
	font-weight: normal;
}
.intelligence-box h2 span{
	float:right;
}

.intelligence-box h2 span a{
	color:#333;
}

.intelligence-box h2 span a:hover{
	color:#ff6400;
}

.intelligence-list .intelligence-list-left{
	float: left;
	width:220px;
}
.intelligence-list .intelligence-list-left a{
	transition: all 0.2s ease;
	display: block;
}

.intelligence-list .intelligence-list-left a img{
	width:220px;
}

.intelligence-list .intelligence-list-left a:hover img{
	box-shadow: 0 5px 20px #e3e3e3;
	margin-top:-3px;
	
}

.intelligence-list .intelligence-list-right{
	float:left;
	width:940px;
}

.intelligence-list .intelligence-list-right ul{
	overflow: hidden;
}

.intelligence-list .intelligence-list-right ul li{
	float:left;
	width:220px;
	background-color: #fff;
	margin:0 0 15px 15px;
	height:241px;
	padding:20px 0;
	transition:all 0.2s ease;
	position:relative;
}

.intelligence-list .intelligence-list-right ul li a{
	
}

.intelligence-list .intelligence-list-right ul li a img{
	display: block;
	margin:0 auto;
	width:160px;
	height:160px;
	
}

.intelligence-list .intelligence-list-right ul li em,.match-list ul li em{
	width:64px;
	height:20px;
	font-size:12px;
	color:#fff;
	text-align: center;
	display: block;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-32px;
	line-height:20px;
	font-weight: normal;
}

em.mianfei{
	background-color: #ffac13;
}

em.xinpin{
	background-color: #83c44e;
}

em.dazhe{
	background-color: #e53935;
}

.intelligence-list .intelligence-list-right ul li:hover{
	box-shadow: 0 5px 20px #e3e3e3;
	margin-top:-3px;
}

.intelligence-list .intelligence-list-right ul li a{
	text-align: center;
	line-height:35px;
	font-size:14px;
	display: block;
	color:#333;
	
}

.intelligence-list .intelligence-list-right ul li a b{
	font-weight: normal;
}

.intelligence-list .intelligence-list-right ul li label{
	color:#b0b0b0;
	font-size:12px;
	text-align: center;
	display: block;
	
}

.intelligence-list .intelligence-list-right ul li span{
	color:#ff6400;
	text-align: center;
	display: block;
	margin-top:20px;
}

/*
 搭配--style
 * */


.match-box h2 ul{
	float:right;
	margin-top:15px;
}

.content-match h2 ul li{
	float:left;
	margin:0 10px;
	border-bottom: 2px solid #f5f5f5;
	line-height:30px;
	overflow: hidden;
}
.content-match h2 ul li a{
	font-size:16px;
	color:#424242;
}
.content-match h2 ul li:hover,.content-match h2 ul li.active{
	border-bottom: 2px solid #ff6400;
}
.content-match h2 ul li:hover a,.content-match h2 ul li.active a{
	color:#ff6400;
}

.match-list{
	overflow: hidden;
}
.match-list ul{
	overflow: hidden;
	padding:3px 0;
}

.match-list ul li{
	float:left;
	width:220px;
	background-color: #fff;
	margin:0 15px 15px 0;
	height:280px;
	transition:all 0.2s ease;
	position:relative;
	overflow: hidden;
}

.match-list ul li a img{
	width:150px;
	height:150px;
	margin:20px auto 0;
	display: block;
}
.match-list ul li a{
	text-align: center;
	line-height:35px;
	font-size:14px;
	display: block;
	color:#333;
}

.match-list ul li a b{
	font-weight: normal;
}
.match-list ul li span{
	color:#ff6400;
	text-align: center;
	display: block;
	
}
.match-list ul li label{
	color:#b0b0b0;
	font-size:12px;
	text-align: center;
	display: block;
	margin-top:20px;
}

.match-list ul li dl{
	padding:20px;
	overflow: hidden;
	margin-bottom: 15px;
	background-color: #fff;
	height:90px;
	transition:all 0.2s ease;

}
.match-list ul li dl dt{
	width:100px;
	float:left;	
	padding-top:20px;
}

.match-list ul li dl dt a{
	overflow: hidden;
	height:30px;
	line-height:30px;
	text-align: left;
}

.match-list ul li dl dt b{
	color:#757575;
	font-weight: normal;
	
}

.match-list ul li dl dt em{
	color:#ff6400;
}

.match-list ul li dl dd{
	float:left;
	width:80px;
}

.match-list ul li dl dd:hover{
	cursor:pointer;
}

.match-list ul li dl dd img{
	margin-top:20px;
	width:65px;
}

.match-list ul li:hover,.match-list ul li dl:hover{
	box-shadow: 0 5px 20px #e3e3e3;
	margin-top:-3px;
}

.match-list ul li .match-list-text{
	position:absolute;
	bottom:0;
	left:0;
	height:75px;
	width:100%;
	background-color: #ff6400;
}

.match-list ul li .match-list-text p{
	color:#fff;
	padding:10px 20px 0;
	font-size:12px;
	line-height:18px;
}
.match-list ul li .match-list-text label{
	color:#FFB07D;
	margin:0;
	text-align: left;
	padding:0 20px;
	line-height:20px;
}

.match-list ul:nth-child(2) li:nth-child(5){
	box-shadow: none;
	margin-top:0;
}



/*
 footer--style
 * */
.footer{
	border-top:50px solid #f5f5f5;
	overflow: hidden;
}

.footer-box{
	
}
.footer-box .footer-tit{
	padding:27px 0;
	border-bottom: 1px solid #e0e0e0;
}

.footer-box .footer-tit ul{
	overflow: hidden;
}

.footer-box .footer-tit ul li{
	width:18%;
	float:left;
	height:25px;
	line-height:25px;
	border-right:1px solid #e0e0e0;
}
.footer-box .footer-tit ul li a{
	text-align:left;
	display: block;
	color:#424242;
	font-size:16px;
}


.footer-box .footer-tit ul li:last-child{
	border:none;
}

.footer-box .footer-tit ul li a img{
	float:left;
	margin:0 10px 0 50px;
}
.footer-box .footer-tit ul li a:hover{
	color:#FF6400;
}

.footer-box .footer-list{
	padding:40px 0;
	overflow: hidden;
}

.footer-box .footer-list ul{
	float:left;
	width:150px;
	overflow: hidden;
}
.footer-box .footer-list ul li{
	font-size:14px;
	color:#424242;
	line-height:30px;
}
.footer-box .footer-list ul li a{
	font-size:12px;
	color:#757575;
}

.footer-box .footer-list ul li:first-child{
	line-height:50px;
}

.footer-box .footer-list ul li a:hover{
	color:#FF6400;
}

.footer-box .footer-list .footer-list-right{
	float:left;
	width:200px;
}

.footer-box .footer-list .footer-list-right h3{
	font-size:22px;
	color:#ff6400;
	text-align: center;
	font-weight: normal;
	line-height:50px;
}
.footer-box .footer-list .footer-list-right p{
	font-size:12px;
	color:#616161;
	line-height:20px;
	text-align: center;
}


.footer-box .footer-list .footer-list-right a{
	width:120px;
	height:30px;
	border:1px solid #ff6400;
	text-align: center;
	display: block;
	margin:10px auto 0;
	line-height:30px;
	color:#ff6400;
	font-size:12px;
}

.footer-box .footer-list .footer-list-right a:hover{
	background-color: #ff6400;
	color:#fff;
}
.footer-text{
	overflow: hidden;
}

.footer-text .footer-logo{
	float:left;
	margin-right:10px;
}

.footer-text .footer-links{
	float:left;
}
.footer-text .footer-links ul{
	margin-bottom: 5px;
	overflow: hidden;
}
.footer-text .footer-links ul li{
	float:left;
	border-right:1px solid #b0b0b0;
	padding:0 5px;
}
.footer-text .footer-links ul li a{
	font-size:12px;
	color:#757575;
}
.footer-text .footer-links ul li a:hover{
	color:#ff6400;
}
.footer-text .footer-links ul li:last-child{
	border:none;
}
.footer-text .footer-links p{
	font-size:12px;
	color:#b0b0b0;
	line-height:20px;
}
.footer-text .footer-qiye{
	float:right;
	
}
.footer-text .footer-qiye a{
	float:left;
	margin-right:5px;
}
.footer-text .footer-qiye a img{
	height:28px;
}
.footer-pic {
	overflow: hidden;
}

.footer-pic img{
	display: block;
	margin:30px auto;
}


